* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

.van-nav-bar {
	position: relative;
	z-index: 1;
	line-height: 22px;
	text-align: center;
	background-color: #fff;
	-webkit-user-select: none;
	user-select: none;
}

.van-nav-bar.van-hairline--bottom::after {
	border-bottom-width: 1px;
	position: absolute;
	box-sizing: border-box;
	content: " ";
	pointer-events: none;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	border: 0 solid #ebedf0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}

.van-nav-bar__content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 46px;

	.van-nav-bar__left {
		left: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 0 16px;
		font-size: 14px;
		cursor: pointer;

		image {
			width: 14px;
			height: 14px;
			margin-right: 4px;
		}

		.van-nav-bar__text {
			color: #1989fa;
			font-size: 14px;
		}

	}
}


.item_list {
	background-color: #fff;
}

.view-router {
	background-color: #fff;
	height: 100vh;
	overflow-y: auto;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.van-tabs {
	position: relative;
}

.van-tabs__wrap {
	height: 44px;
	/* overflow: hidden; */

	.van-tabs__nav.van-tabs__nav--line.van-tabs__nav--complete {
		padding-right: 8px;
		padding-left: 8px;
		font-size: 14px;
	}

	.van-tabs__wrap--scrollable .van-tabs__nav {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.van-tabs__nav--line {
		box-sizing: content-box;
		height: 100%;
		padding-bottom: 15px;
		display: flex;
		white-space: nowrap;
		width: fit-content;
		min-width: 100%;
	}

	.van-tabs__nav {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		background-color: #fff;
		-webkit-user-select: none;
		user-select: none;
	}

	.van-tab {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 0 14px;
		color: #646566;
		font-size: 14px;
		line-height: 20px;
		cursor: pointer;
		flex: none;
	}

	.van-tab--active {
		color: #323233;
		font-weight: 500;
	}

	.van-tabs__wrap--scrollable .van-tab {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		flex: 1 0 auto;
		padding: 0 12px;
	}

	.van-tabs__line {
		position: absolute;
		bottom: 15px;
		left: 0;
		z-index: 1;
		width: 40px;
		height: 3px;
		background-color: #ee0a24;
		border-radius: 3px;
		transform: translateX(48px) translateX(-50%);
		transition-duration: 0.3s;

	}
}

.van-tabs__wrap--scrollable {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
}

.van-tabs__wrap--scrollable::-webkit-scrollbar {
	display: none; /* Chrome and Safari */
}

.van-tabs__wrap--scrollable .van-tab {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0 12px;
}

/* 下面的内容 */
.van-tabs__content {
	.van-tab__pane {
		box-sizing: border-box;
		width: 100%;

		.van-list {
			.h {
				height: 100px;
				width: 100%;
				margin-top: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;

				.name {
					display: block;
					height: 30px;
					margin-bottom: 10px;
					font-size: 20px;
					color: #333;
				}

				.desc {
					display: block;
					height: 24px;
					font-size: 16px;
					color: #999;
				}
			}

			.van-card {
				margin-top: 8px;
				font-size: 14px;
				background-color: #fff;
				position: relative;
				box-sizing: border-box;
				padding: 8px 16px;
				color: #323233;
				background-color: #fafafa;

				.van-card__header {
					display: flex;

					a {
						text-decoration: none;
						color: #000;
					}

					.van-card__thumb {
						position: relative;
						-webkit-box-flex: 0;
						-webkit-flex: none;
						flex: none;
						width: 88px;
						height: 88px;
						margin-right: 8px;

						.van-image {
							width: 100%;
							height: 100%;
							position: relative;
							display: inline-block;

							.van-image__img {
								border-radius: 8px;
								display: block;
								width: 100%;
								height: 100%;
							}
						}
					}

					.van-card__content {
						position: relative;
						display: -webkit-box;
						display: -webkit-flex;
						display: flex;
						-webkit-box-flex: 1;
						-webkit-flex: 1;
						flex: 1;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						-webkit-flex-direction: column;
						flex-direction: column;
						-webkit-box-pack: justify;
						-webkit-justify-content: space-between;
						justify-content: space-between;
						min-width: 0;
						min-height: 88px;

						.van-card__title {
							max-height: 32px;
							font-weight: 500;
							line-height: 16px;
						}

						.van-card__desc.van-card__title {
							word-wrap: break-word;
						}

						.van-multi-ellipsis--l2 {
							display: -webkit-box;
							overflow: hidden;
							text-overflow: ellipsis;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}

						.van-card__desc {
							line-height: 20px;
							max-height: 20px;
							color: #646566;
							word-wrap: break-word;
						}

						.van-ellipsis {
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}

						.van-card__bottom {
							line-height: 20px;

							.van-card__price {
								display: inline-block;
								color: #323233;
								font-weight: 500;
								font-size: 12px;

								.van-card__price-integer {
									font-size: 16px;
									
								}
							}

							.van-card__origin-price {
								display: inline-block;
								margin-left: 5px;
								color: #969799;
								font-size: 10px;
								text-decoration: line-through;
							}
						}

					}
				}
			}
		}
	}
}